
{{-- 继承布局模板 --}}
@extends( 'mofa.layouts.main-layout' )


{{--  当前页面的样式表 --}}
@section('style')
    <link rel="stylesheet" type="text/css" href="{{ asset('mofa/css/case.css') }}">
@endsection()


{{-- 插入标题 --}}
@section('title')
    <title>合作案例-广州魔发科技有限公司,发型虚拟试戴</title>
@endsection


@section('content')
    {{--<div class="section-wrapper" style="position: absolute;top: 0">--}}
        {{--<section class="banner">--}}

        {{--</section>--}}
    {{--</div>--}}

    <section class="banner">

    </section>

    <article class="success-case">
        <div class="bym-wrapper">
            <h3>合作案例</h3>
            <p>
                魔发镜-AR智能选发系统自研发初期，就获得了美发届朋友的高度关注和支持。本产品是由众多资深发型师共同参与设计，是一款美发行业科技类产品，旨在彻底解决发型师和顾客之间沟通的痛点，让理发师所设计的发型效果，顾客能看得到、试得了。未来，我们将更加积极探索技术与美发行业需求的结合，不断推出更优质的产品和服务，帮助美发行业转型升级。
            </p>
        </div>
    </article>

    <!-- 合作案例-->
    {{--<section class="case" id="case">--}}

        {{--<h2 style="text-align: center; color: #dddddd;height: 400px; line-height: 400px;">敬请期待</h2>--}}

        {{--<div class="bym-wrapper clearfix" >--}}

            {{--<dl class="case-nav">--}}
                {{--<dt @click="changeCategory(2)" >合作案例</dt>--}}
                {{--<dd  @click="changeCategory(2)" :class="[ currentCategoryId === 2 ? 'active' : '']"> 合作案例 </dd>--}}
                {{--<dd v-for="item in caseCategory" :class="[item.id === currentCategoryId ? 'active' : '']" v-text="item.name"  @click="changeCategory(item.id)"></dd>--}}
            {{--</dl>--}}

            {{--<ul class="case-list clearfix" >--}}
                {{--<li class="" v-for="article in articles" v-show="!loading">--}}
                    {{--<div class="cover"><img :src="article.thumb" alt=""></div>--}}
                    {{--<article>--}}
                        {{--<h4 v-text="article.title"></h4>--}}
                        {{--<p v-text="article.description"></p>--}}
                        {{--<time v-text="article.created_at"></time>--}}
                        {{--<a :href="'news/detail/'+article.id">阅读更多》</a>--}}
                    {{--</article>--}}
                {{--</li>--}}
                {{--<li class="case-loading-info" v-show="loading" >正在加载</li>--}}
                {{--<li class="case-loading-info" v-show="!loading && !articles.length" >没有内容</li>--}}
            {{--</ul>--}}

            {{--分页--}}
            {{--<bym-pagination v-if="typeof paginate === 'object' && !loading" v-on:change-page="changePage"--}}
                            {{--:total=paginate.last_page--}}
                            {{--:current="paginate.current_page"--}}
                            {{--:next="paginate.next_page_url"--}}
                            {{--:perv="paginate.prev_page_url"--}}
            {{--></bym-pagination>--}}
            {{--</div>--}}

    {{--</section>--}}
    <!-- 合作案例 END -->

    {{--分页模板--}}
    {{--<script type="text/x-template" id="bym_pagination" >--}}
        {{--<ul class="bym-pagination">--}}

            {{--<li class="prev" v-if="current > 1"><a  href="javascript:;"  @click="clickHandle(current-1)">上一页</a></li>--}}
            {{--<li v-for="index in pageList" >--}}
                {{--<template v-if="typeof index === 'number'" >--}}
                    {{--<a href="javascript:;" v-text="index" @click="clickHandle(index)" :class="[index === current ? 'active' :'']"></a>--}}
                {{--</template>--}}
                {{--<template v-else>--}}
                    {{--<a v-text="index" class="disable"></a>--}}
                {{--</template>--}}
            {{--</li>--}}
            {{--<li class="next" v-if="current < total"><a href="javascript:;" @click="clickHandle(current+1)" >下一页</a></li>--}}
        {{--</ul>--}}
    {{--</script>--}}


@endsection

@section('script')
    <script type="text/javascript" src="{{asset('mofa/js/pagination.js')}}"></script>
    <script src="{{asset('mofa/js/case.js')}}" type="text/javascript"></script>
@endsection